<template>
  <div>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item>
        <img
          src="http://120.53.31.103:84/uploads/image/2021-09-08/lXEERcH4CIb3reka5yruT7RW7jMD4K7vreK6utgq.jpeg"
          alt=""
        />
      </van-swipe-item>
      <van-swipe-item>
        <img
          src="http://120.53.31.103:84/uploads/image/2021-09-08/zP1osWNNxyfKSX1Dt6IDUUh5Vpz8AxD39BBaQECW.jpeg"
          alt=""
        />
      </van-swipe-item>
      <van-swipe-item>
        <img
          src="http://120.53.31.103:84/uploads/image/2021-09-08/pihYvxiYLTL5XCVs0sMFzlvY2TfSUj95Tz0IWjgF.jpeg"
          alt=""
        />
      </van-swipe-item>
    </van-swipe>
    <zujian1></zujian1>
    <van-grid>
      <van-grid-item to="/dateil" class="aa" icon="fire-o" text="特色课" />
      <van-grid-item to="/kecheng" class="aa" icon="star-o" text="一对一辅导" />
      <van-grid-item to="rili" class="aa" icon="send-gift-o" text="学习日历" />
    </van-grid>
    <van-sidebar v-model="activeKey">
        <van-sidebar-item title="资深讲师" />
    </van-sidebar>
    <ul>
      <li>
        <van-swipe-cell>
          <van-card  desc="是为美女" title="一号选手" class="goods-card" thumb="/1.jpg" />
          <van-card  desc="是为美女" title="二号选手" class="goods-card" thumb="/2.jpg" />
          <van-card  desc="是为美女" title="三号选手" class="goods-card" thumb="/3.jpg" />
          <van-card  desc="是为美女" title="四号选手" class="goods-card" thumb="/4.jpg" />
          <van-card  desc="是为美女" title="五号选手" class="goods-card" thumb="/5.jpg" />
        </van-swipe-cell>
      </li>
    </ul>
  </div>
</template>

<script>
import zujian1 from "@/components/zujian1.vue";
export default {
  components: {
    zujian1,
  },
  name: "MyAppConnect",

  data() {
    return {
      activeKey:null,
    };
  },

  mounted() {},

  methods: {},
};
</script>

<style scoped>
.van-swipe-cell .van-card{
    align-items: center;
}
img {
  width: 100%;
  height: 150px;
}
.van-grid {
  width: 100%;
  height: 60px;
  background: white;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
}
.van-grid .van-grid-item {
  width: 30%;
  border-radius: 0.267rem;
}
.aa {
  margin-left: 20px;
  margin-top: -60px;
  background: transparent;
  width: 40%;
  border-radius: 0.267rem;
}
.van-grid-item__content {
  border-radius: 0.267rem;
}
* {
  background: white;
}
</style>